<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <title>up</title>
    <!-- BEGIN THEME STYLES -->
    <link href="css/bootstrap.css" rel="stylesheet"/>
    <link href="css/bootstrap-datetimepicker.min.css" rel="stylesheet" type="text/css">
    <!--Fancybox
	<link rel="stylesheet" type="text/css" href="css/jquery.fancybox.css" media="screen" />-->
    <!-- Magnific Popup core CSS file -->
	<link rel="stylesheet" href="css/magnific-popup.css">
    <link href="css/mystyle.css" rel="stylesheet"/>
    <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed' rel='stylesheet' type='text/css'>
    <link href="css/mediastyle.css" rel="stylesheet"/>
    
	<!-- END THEME STYLES -->
	
</head>
<body>
	<!-- BEGIN HEADER -->
    <header>
		<div class="container">
        	<div class="row">
                <div id="menutop1" class="col-lg-12">
                	<nav class="navbar navbar-default" role="navigation"><!-- bs-example-navbar-collapse-1 -->
						<div class="container-fluid">
							<!-- Brand and toggle get grouped for better mobile display -->
							<div class="navbar-header">
								<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
									<span class="sr-only">Toggle navigation</span>
									<span class="icon-bar"></span>
									<span class="icon-bar"></span>
									<span class="icon-bar"></span>
								</button>
							</div>

							<!-- Collect the nav links, forms, and other content for toggling -->
							<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
								<ul class="nav navbar-nav">
									<li class="dropdown">
										<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
											<div class="c_icon1"></div>
											<span class="c_caption1">CATEGORIES</span>
										</a>
										<ul class="dropdown-menu submenu" role="menu">
                                        	<li class="event"></li>
                                            <div class="c_submenu_chid">
                                                <ul> 
                                                    <li>
                                                    	<a href="#">Technology</a>
                                                        <div class="c_bot_submenu"></div>
                                                    </li>
                                                    <li>
                                                    	<a href="#">Business</a>
                                                        <div class="c_bot_submenu"></div>
                                                    </li>
                                                    <li>
                                                    	<a href="#">Design</a>
                                                        <div class="c_bot_submenu"></div>
                                                    </li>
                                                    <li>
                                                    	<a href="#">Arts & Photography</a>
                                                    </li>
                                                </ul>
                                            </div>
                                            <div class="c_submenu_chid">
                                                <ul>
                                                    <li>
                                                    	<a href="#">Technology</a>
                                                        <div class="c_bot_submenu"></div>
                                                    </li>
                                                    <li>
                                                    	<a href="#">Business</a>
                                                        <div class="c_bot_submenu"></div>
                                                    </li>
                                                    <li>
                                                    	<a href="#">Design</a>
                                                        <div class="c_bot_submenu"></div>
                                                    </li>
                                                    <li>
                                                    	<a href="#">Arts & Photography</a>
                                                    </li>
                                                </ul>
                                            </div>
										</ul>
									</li><!--End dropdown categories-->
									<li>
										<form class="navbar-form navbar-left" role="search">
											<div class="form-group">
												<input type="text" class="form-control" placeholder="type your course">
											</div>											
										</form>
									</li>
									<li class="logo"><a href="#"><img src="images/layout/logo.png"/></a></li>
								</ul>
								<ul id="menutop1_right" class="nav navbar-nav navbar-right">
                                	<li>
                                    	<div id="c_sign_up">
											<span>Not yet a member?</span><a class="btn btn-default" href="#">SIGN UP</a>  
                                       </div>
									</li>
									<li>
										<a class="btn btn-default" href="#">LOGIN <span class="glyphicon login_icon"></span></a>  
									</li>
                                    <li class="dropdown">
										<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"> > English</a>
										<ul class="dropdown-menu" role="menu">
                                        	<li class="event1"></li>
											<li>
												<a href="#">English</a>
												<div class="c_bot_submenu"></div>
											</li>
											<li>
												<a href="#">Japanese</a>
											</li>
											<!--End English-->
										</ul>
									</li>                                   
								</ul>
							</div><!-- /.navbar-collapse -->
						</div><!-- /.container-fluid -->
					</nav><!--end bs-example-navbar-collapse-1 -->
              
                </div><!--End menutop1-->
            </div><!--End row-->
        </div><!--End container -->
    </header><!-- END HEADER -->
    
    <!-- BEGIN section -->
    <section id="t-section1">
    	<!--begin container-->
    	<div class="container">
        	<div class="row">
            	<div class="col-lg-12 col-md-12">
                	<!--begin col-3-->
                    <div class="col-lg-3 col-md-3">
                    	<div class="t-bg-menu-left">
                        	<div><!--begin menu-->
                            	<h3 class="t-title-menu-info"><img width="18" height="18" src="images/layout/c_icon_menu_i.png"><span class="t-title-menu1">Dashboard</span></h3>
                            	<div id="accordion">
                                    <div class="icon">
                                        <h3><img width="16" height="16" src="images/layout/c_icon_menu_co.png"><span class="t-title-menu">Courses</span></h3>
                                        <ul>
                                            <li>
                                                <a href="#">
                                                    <h3><img width="12" height="14" src="images/layout/c_icon_menu_play.png"><span class="t-title-menu">Create Corse</span></h3>
                                                </a>
                                            </li>
                                        </ul>
                                     </div>
                                     <div class="icon">
                                        <h3><img width="14" height="16" src="images/layout/c_icon_menu_ca.png"><span class="t-title-menu">Categories</span></h3>
                                        <ul>
                                            <li>
                                            	<h3><img width="12" height="14" src="images/layout/c_icon_menu_play.png"><span class="t-title-menu">Create Categories</span></h3>
                                            </li>
                                        </ul>
                                        
                                    </div>   
                                 </div>
                        	</div><!--end menu-->
                        </div>                    	
                    </div>
                    <!--end col-3-->
                    <!--begin col-9-->
                    <div class="col-lg-9 col-md-9">
                    	<div class="t-bg-container-right">
                    		<div class="row">                            
                                <div class="t-info-top">
                                    <p class="t-fontinfo"><span class="t-info-marleft">Home</span>><span class="t-info-marleft">Courses</span>><span class="t-info-marleft active">Create/Edit Course</span></p>
                                    <img class="t-info-imgicon" src="images/layout/t-info-line_03.png">
                                </div>
                            </div>
                       
                         	<div class="row">
                                <div class="t-info-container-right">
                                    <div class="t-info-img-user">
                                        <img src="images/layout/t-info-img-user.jpg">
                                    </div>
                                    <div class="t-info-text">
                                    	<p class="t-info-text16px">Master Maya</p>
                                        <p class="t-info-text14px">by Tien Skyro</p>
                                    </div>
                                    <div class="t-info-btnvery">
                                    	<p><input class="t-btn-infovery" name="t-btn" type="button" value="Submit To Verify"></p>
                                    </div>
                                </div>
                         	</div>
                            
                            <div id="c_tab_creat" class="row">
                          		<div class="col-lg-12">
									<div class="c_group_creat">
										<div role="tabpanel">
											<!-- Nav tabs -->
											<ul class="nav nav-tabs" role="tablist">
												<li role="presentation" class="active">
                                                	<div class="c_event_line"></div>
                                                	<a href="#Basicinfo" aria-controls="home" role="tab" data-toggle="tab">Basic info</a>
                                                </li>
												<li role="presentation">
                                                	<div class="c_event_line"></div>
                                                	<a href="#Category" aria-controls="profile" role="tab" data-toggle="tab">Category</a>
                                                </li>
												<li role="presentation">
                                                	<a href="#Curriculum" aria-controls="messages" role="tab" data-toggle="tab">Curriculum</a>
                                                </li>
											</ul>

											<!-- Tab panes -->
											<div class="tab-content">
												<div role="tabpanel" class="tab-pane active" id="Basicinfo">
                                                	<div class="t-info-form">
														<div class="col-lg-8 col-sm-8">
															<div class="form-group t-info-fire">
																<label for="text" class="col-sm-4 control-label t-info-course">Course name</label>
																<div class="col-sm-8">
																<input type="text" class="form-control t-info-course1">
																</div>
															</div>
															<div class="form-group t-info-fire">
																<label for="text" class="col-sm-4 control-label t-info-course-present">Course present</label>
																<div class="col-sm-8">
																	<div class="t-info-hv">
																		 <input id="uphinh1" type="file" name="uphinh1" onchange="PreviewImage(1);" />
																		 <img width="100%" height="100%" id="uploadPreview1" src="no_image.jpg" />
																	</div>
																	<label class="i" for="uphinh1">Browser</label>
																</div>
															</div>
															<div class="form-group t-info-fire">
																<label for="text" class="col-sm-4 control-label t-info-price">Prince</label>
																<div class="col-sm-8 t-info-hv1">
																	<div class="col-sm-6">
																		<input type="text" class="form-control t-info-course1">
																	</div>
																	<b class="col-sm-6 t-info-usd">USD</b>
																</div>
															</div>
															<div class="form-group t-info-fire">
																<label for="text" class="col-sm-4 control-label t-info-course2">Describe</label>
																<div class="col-sm-8">
																<textarea class="form-control" rows="3" placeholder="This is the course describe with text editeor"></textarea>
																</div>
															</div>
															<div class="form-group t-info-fire">
																<label for="text" class="col-sm-4 control-label t-info-date">Publish date</label>
																<div class="col-sm-8 t-info-hv1">
																	<div class="col-sm-8">
																	
																		<div class='input-group date' id='datetimepicker5'>
																			<input type='text' class="form-control" data-date-format="DD/MM/YYYY"/>
																			<span class="input-group-addon bg">
																				
																			</span>
																		</div>
																		
																	</div>
																	<b class="col-sm-4 t-info-usd"></b>
																</div>
															</div>
															<p class="col-sm-12"><input class="t-btn-infovery-1" name="t-btn" type="button" value="Save"></p>
														</div>
														<div class="col-lg-4 col-sm-4">
														</div>
													</div>
                                                </div>
												<div role="tabpanel" class="tab-pane" id="Category">
												
													<div id="c_csn" class="row">
													<div class="c_group_check_box">
														<div class="col-lg-4 col-md-4 col-sm-4">
															<div class="c_csn_item">
																<label>
																	<input type="checkbox" value=""><span>Featured Courses</span>
																</label>
																<label>
																	<input type="checkbox" value=""><span>Technology</span>
																</label>
																<label>
																	<input type="checkbox" value=""><span>Business</span>
																</label>
																<label>
																	<input type="checkbox" value=""><span>Design</span>
																</label>
																<label>
																	<input type="checkbox" value=""><span>Arts and Photography</span>
																</label>
																<label>
																	<input type="checkbox" value=""><span> Health and Fitness</span>
																</label>
															</div>
														</div>
														<div class="col-lg-4 col-md-4 col-sm-4">
															<div class="c_csn_item">
																<label>
																	<input type="checkbox" value=""><span>Lifestyle</span>
																</label>
																<label>
																	<input type="checkbox" value=""><span>Math and Science</span>
																</label>
																<label>
																	<input type="checkbox" value=""><span> Education</span>
																</label>
																<label>
																	<input type="checkbox" value=""><span>Languages</span>
																</label>
																<label>
																	<input type="checkbox" value=""><span>Humanities</span>
																</label>
																<label>
																	<input type="checkbox" value=""><span>Social Sciences</span>
																</label>
														  </div>
														</div>
														<div class="col-lg-4 col-md-4 col-sm-4">
															<div class="c_csn_item">
																<label>
																	<input type="checkbox" value=""><span>Music</span>
																</label>
																<label>
																	<input type="checkbox" value=""><span>Crafts and Hobbies</span>
																</label>
																<label>
																	<input type="checkbox" value=""><span>Sports</span>
																</label>
																<label>
																	<input type="checkbox" value=""><span>Games</span>
																</label>
																<label>
																	<input type="checkbox" value=""><span>Others</span>
																</label>
																<label>
																	<span id="c_viewmore_categories">View more categories...</span>
																</label>
															</div>
														</div><!--end col lg 4-->
														<div class="col-lg-4 col-md-4 col-sm-4">
															<div class="c_csn_item">
																<label>
																	<input type="checkbox" value=""><span>Featured Courses</span>
																</label>
																<label>
																	<input type="checkbox" value=""><span>Technology</span>
																</label>
																<label>
																	<input type="checkbox" value=""><span>Business</span>
																</label>
																<label>
																	<input type="checkbox" value=""><span>Design</span>
																</label>
																<label>
																	<input type="checkbox" value=""><span>Arts and Photography</span>
																</label>
																<label>
																	<input type="checkbox" value=""><span> Health and Fitness</span>
																</label>
															</div>
														</div>
														<div class="col-lg-4 col-md-4 col-sm-4">
															<div class="c_csn_item">
																<label>
																	<input type="checkbox" value=""><span>Featured Courses</span>
																</label>
																<label>
																	<input type="checkbox" value=""><span>Technology</span>
																</label>
																<label>
																	<input type="checkbox" value=""><span>Business</span>
																</label>
																<label>
																	<input type="checkbox" value=""><span>Design</span>
																</label>
																<label>
																	<input type="checkbox" value=""><span>Arts and Photography</span>
																</label>
																<label>
																	<input type="checkbox" value=""><span> Health and Fitness</span>
																</label>
															</div>
														</div>
														<div class="col-lg-4 col-md-4 col-sm-4">
															<div class="c_csn_item">
																<label>
																	<input type="checkbox" value=""><span>Featured Courses</span>
																</label>
																<label>
																	<input type="checkbox" value=""><span>Technology</span>
																</label>
																<label>
																	<input type="checkbox" value=""><span>Business</span>
																</label>
																<label>
																	<input type="checkbox" value=""><span>Design</span>
																</label>
																<label>
																	<input type="checkbox" value=""><span>Arts and Photography</span>
																</label>
																<label>
																	<input type="checkbox" value=""><span> Health and Fitness</span>
																</label>
															</div>
														</div>
													</div>
														<div class="col-xs-12">
															<div class="c_csn_tag">
																<p>Tags</p>
																<div class="c_csn_tag_item2">
																	php, html, <span>|</span>
																</div>
																<div class="c_csn_tag_item3">
																	<div class="c_csn_tag_item3_1">
																		<div class="c_csn_close"></div>
																		php
																	</div>
																	<div class="c_csn_tag_item3_1">
																		<div class="c_csn_close"></div>
																		html
																	</div>
																</div>
															</div>
														</div>
														<div class="col-xs-12">
															<div class="c_btn_csn_save">
																<button class="btn btn-default" type="submit">Save</button>
															</div>
														</div>
													</div>
												
												</div>
												<div role="tabpanel" class="tab-pane" id="Curriculum">
													
													<div class="c_cs_cualum">
                                    	<div class="c_cs_cualum_row1">
                                        	<div class="c_cs_cualum_row1_section">
                                            	<p><span>Section 1:</span>My First Section<span class="c_icon_cl1"></span></p>
                                                <div class="event_cs"></div>
                                            </div>
                                            <div class="c_cs_cualum_row1_group_art">
                                                <div class="c_cs_cualum_row1_art">
                                                    <p><span>Article 1:</span>This Is The First Article<span class="c_icon_cl1"></span></p>
                                                    <div class="btn_cs">
                                                    	<a class="btn btn-default" href="#" role="button">Add Content Type</a>
                                                    </div>
                                                </div>
                                            </div><!--end c_cs_cualum_row1_group_art-->
                                            
                                        </div><!--end c_cs_cualum_row1-->
                                        
                                        <div class="c_cs_cualum_row1">
                                        	<div class="c_cs_cualum_row1_section">
                                            	<p><span>Section 1:</span>My First Section<span class="c_icon_cl1"></span></p>
                                                <div class="event_cs"></div>
                                            </div>
                                            <div class="c_cs_cualum_row1_group_art">
                                                <div class="c_cs_cualum_row1_art">
                                                    <p><span>Article 1:</span>This Is The First Article<span class="c_icon_cl1"></span></p>
                                                    <div class="event_cs"></div>
                                                </div>
                                                <div class="c_cs_cualum_row1_art_main">
                                                	<div class="c_cs_cualum_row1_art_main_row">
                                                    	<div class="c_item">
                                                            <img width="24" src="images/layout/c_icon_clvideo_new.png"/>
                                                            <p>4:30</p> 
                                                            <div class="btn_cs">
                                                    			<a class="btn btn-default" href="#" role="button">Update Video</a>
                                                    		</div> 
                                                        </div>
                                                    </div>
                                                </div>
                                            </div><!--end c_cs_cualum_row1_group_art-->
                                            
                                            <div class="c_cs_cualum_row1_group_art">
                                                <div class="c_cs_cualum_row1_art">
                                                    <p><span>Article 2:</span>This Is The First Article</p>
                                                    <div class="event_cs_close">
                                                    	Edit Article
                                                        <div class="event_cs_close_btn">
                                                        
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="c_cs_cualum_row1_art_main">
                                                	<div class="c_cs_cualum_row1_art_main_row">
                                                    	<div class="c_item">
                                                            <div class="c_form_art2">
                                                            	<form class="form-horizontal">
																	<div class="form-group">
																		<label class="col-sm-2 control-label">Title</label>
																		<div class="col-sm-10">
																		  <input type="test" class="form-control">
																		</div>
																	</div>
																	<div class="form-group">
																		<label class="col-sm-2 control-label">Description</label>
																		<div class="col-sm-10">
																		  	<textarea class="form-control" rows="3"></textarea>
																		</div>
																	</div>
																	<div class="form-group">
                                                                    	<div class="col-sm-2">
                                                                        </div>
																		<div class="col-sm-10">
                                                                        	<div class="c_form_art2_btn">
																		  		<button type="submit" class="btn btn-default">Save</button>
                                                                            </div>
																		</div>
																	</div>
																</form>
                                                            </div><!--end c_form_art2-->
                                                        </div><!--end c_item-->
                                                    </div>
                                                </div>
                                            </div><!--end c_cs_cualum_row1_group_art-->
                                            
                                        </div><!--end c_cs_cualum_row1-->
										
										<div class="c_cs_cualum_row1">
                                        	<div class="c_cs_cualum_row1_section">
                                            	<p><span>Section 3:</span></p>
                                                <div class="c_sc_test">
                                                	This is my thirst section
                                                </div>
                                                <div class="c_btn_sc_save">
                                                    <a class="btn btn-default" href="#" role="button">Save</a>
                                                </div> 
                                                <div class="event_cs"></div>
                                            </div> 
                                        </div><!--end c_cs_cualum_row1-->
										
										<div class="c_cs_cualum_row1">
                                        	<div class="c_cs_cualum_row1_section">
                                            	<p><span>Section 4:</span>Fourth section<span class="c_icon_cl1"></span></p>
                                                <div class="event_cs"></div>
                                            </div> 
											<div class="c_cs_cualum_row1_group_art">
                                                <div class="c_cs_cualum_row1_art">
                                                    <p><span>Article 1:</span>This Is The First Article<span class="c_icon_cl1"></span></p>
                                                    <div class="btn_cs">
                                                    	<a class="btn btn-default active" href="#" role="button">Add Content Type</a>
                                                    </div>
                                                </div>
                                                <div class="c_cs_group_artsc4">
                                                	<div class="c_event_cs"></div>
                                                    <div class="c_cs_group_artsc4_item">
                                                    	<img height="44px" src="images/layout/c_cs_item1.png"/>
                                                        <p>Video</p>
                                                    </div>
                                                    <div class="c_cs_group_artsc4_item">
                                                    	<img height="44px" src="images/layout/c_cs_item2.png"/>
                                                        <p>Audio</p>
                                                    </div>
                                                    <div class="c_cs_group_artsc4_item">
                                                    	<img height="44px" src="images/layout/c_cs_item3.png"/>
                                                        <p>Text</p>
                                                    </div>
                                                    <div class="c_cs_group_artsc4_item">
                                                    	<img height="44px" src="images/layout/c_cs_item4.png"/>
                                                        <p>Presentation</p>
                                                    </div>
                                                    <div class="c_cs_group_artsc4_item">
                                                    	<img height="44px" src="images/layout/c_cs_item5.png"/>
                                                        <p>Document</p>
                                                    </div>
                                                </div>
                                            </div><!--end c_cs_cualum_row1_group_art-->
											<div class="c_cs_cualum_row1_group_art">
                                                <div class="c_cs_cualum_row1_art">
                                                    <p><span>Article 2:</span>This Is The First Article<span class="c_icon_cl1"></span></p>
                                                    <div class="event_cs_close">
                                                    	Edit Article
                                                        <div class="event_cs_close_btn">
                                                        
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="c_cs_cualum_row1_art_main">
                                                	<div class="c_cs_cualum_row1_art_main_row">
                                                    	<div class="c_item">
                                                        	<div class="c_cs4_art2_ietm">
                                                            	<p>.mp4, .mov or .wmv file no larger than 1GB</p>
                                                                <div class="btn_cs">
                                                    				<a class="btn btn-default" href="#" role="button">Update Video</a>
                                                    			</div>
                                                        	</div>
                                                        </div><!--end c_item-->
                                                    </div>
                                                </div>
                                            </div><!--end c_cs_cualum_row1_group_art-->
                                        </div><!--end c_cs_cualum_row1--> 
                                    </div>
													
												</div>
											</div>
										</div>
									</div>
								</div>
                            </div>     
                    	 </div>
                    </div>
                    <!--end col-9-->
                </div>
        	</div>            
        </div>
        <!--end container-->
    </section><!--END SECTION1-->
       
    
    <footer><!-- BEGIN FOOTER -->
    	<div class="container">
			<div class="col-sm-3 copyright">
				<img class="logo1 img-responsive" src="images/layout/logo.png"/>
				<p>Copyright 2014 Dokusyu.com</p>
				<p>All Rights reversed.</p>
			</div><!--End copyright-->
			
			<div class="col-sm-6">
				<h4>Navigation</h4>
				<div class="col-sm-6 list">
					<ul class="editul">
						<li><a href="#">Technology</a></li>
						<li><a href="#">Business</a></li>
						<li><a href="#">Design</a></li>
						<li><a href="#">Arts & Photography</a></li>
					</ul>
				</div>
				
				<div class="col-sm-6 list">
					<ul class="editul">
						<li><a href="#">About us</a></li>
						<li><a href="#">Terms and conditions</a></li>
						<li><a href="#">Support</a></li>
						<li><a href="#">Careers</a></li>
					</ul>
				</div>
			</div><!--End col-sm-6-->
			
			<div class="col-sm-3">
				<h4>Contacts</h4>
				<ul>
					<li class="font_MyriadPro">Phone:		123 4567 890</li>
                    <li class="font_MyriadPro">Email:		support@dokusyu.com</li>
					<li class="social_icon">
						<a href="#" class="icon_fb"></a>
						<a href="#" class="icon_tw"></a>
						<a href="#" class="icon_in"></a>
						<a href="#" class="icon_ytb"></a>
					</li>
				</ul>
			</div><!--End col-sm-3-->
		</div><!--End container-->
    </footer><!-- END FOOTER -->
   	
    <!-- BEGIN SCRIPT -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
   	<!--start-->
    <script src="js/star-rating.js" type="text/javascript"></script>
    <!--table-->
    <script src="js/stupidtable.js"></script>
    <!--olw-->
    <script src="js/owl.carousel.js"></script>
   	<!--datepickker-->
    <script src="js/moment.min.js"></script>
    <script src="js/bootstrap-datetimepicker.min.js"></script> 
     <!-- fancyBox  
	<script type="text/javascript" src="js/jquery.mousewheel-3.0.6.pack.js"></script>
	<script type="text/javascript" src="js/jquery.fancybox.js"></script>-->
    <!-- Magnific Popup core JS file -->
	<script src="js/jquery.magnific-popup.js"></script>
    <script src="js/bootstrap.js"></script>
    <script src="js/myjquery.js"></script>
	<!-- END SCRIPT -->  
</body>
</html>
